<template>
  <div class="w-full">
    <WarpBackground>
      <div class="mx-auto w-72 rounded-lg border bg-card shadow-sm">
        <div class="flex flex-col gap-2 p-4">
          <h3 class="text-xl font-semibold leading-none tracking-tight">
            Congratulations on Your Promotion!
          </h3>
          <p class="text-sm text-gray-500 dark:text-gray-400">
            Your hard work and dedication have paid off. We&apos;re thrilled to see you take this
            next step in your career. Keep up the fantastic work!
          </p>
        </div>
      </div>
    </WarpBackground>
  </div>
</template>

<script lang="ts" setup></script>

<style></style>
